
<!DOCTYPE html>

<html>
<!--
 과정의 포커스 

스크립트 역사
 - 1995 java script 발표
 - 1999 ECMA script version 3 일반적인 표준
       
    Ajax 등장으로 웹 기술의 대대적 변화
    flash 기반의 RIA > script 기반의 RIA
     - 이전까지의 script는 document의 성향
     - 이후는 application 의 성향

 - 2009 ECMA 5 - JSON 객체 등 객체기반 등장
    - 스마트 디바이스 발달로 HTML5와 함께 각광
 - 스크립트에 대한 요구사항은 증가되었으나 잘 사용하지 못함
    - 좀 더 쉽게 쓰기 위한 방법들이 나오게 되는데 이것들이 jquery, sencha ..


 - HTML5의 구성
   - HTML 태그 : 10%
   - CSS : 20%
   - javascript : 70%


so 여기서 다룰 내용은 script의 프로그래밍적인 부분들
이후 배워볼 요소들은 jquery, sencha, node.js ...

-->

<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script>
		/*
		 변수의 데이터 타입과 값
		 1. 데이터 타입
		 	- 기본형 : number, string boolean
		 	- 참조형 : Object, Function, Data, Number, String, Boolean, Regex, Math, Array
		 	        wrapper에 대한 이야기
		 
		 2. 값의 리터럴 표현
		 	- number : 1, 2, 3
		 	- string : "string"
		 	- boolean : true / false
		 	- function : function(){}
		 	- Object : {} --> 일반적인 객체 사용과 동일하나 추가적으로 index 속성을 갖음
		 	- Array : []
		 	
		 3. 변수의 선언과 초기화
		 	- var 변수명
		 		
		 	- 변수명
		 	
		 	* 위 두 항목의 차이점에 대해 설명
		 	스크립트는 일반적으로 root 객체를 갖는다.
		 	브라우저 환경의 root --> window 객체
		 	특별히 var를 지정하지 않으면 window의 property로 추가됨
		 	window.a 라는 형태로 한번 사용해 볼 것
		 	
		 	스크립트는 parsing 타임과 runtime을 따로 가져간다.
		 	var 변수는 parsing 시점에 인식해 메모리에 올리나 그렇지 않은 변수는 인식하지 못함
		 	data 타입은 runtime 시점에 결정됨(가변타입)
		 	
		 	console.log("a" +a); // a is not defined
			console.log("b" +b);	// 실행에는 문제 없음 --> undefined 상태
			a = 3;
			var b = 4;
			console.log(a + b);
		 * */
		
		//console.log("a" +a);
		 
		console.log("b : " +b);
		a = 3;
		var b = 4;
		console.log(a + b);

	</script>
	<script>
		console.log(a);
		var a = 3;
		console.log(a);
		var a =[1,2,3];
		console.log(a);
	    function a(){
	    	return 10;
	    }
		console.log(a);
	</script>
</head>
<body>

</body>
</html>